#{extends 'main.html' /}
#{set title:'Reporte Estrategico 1' /}

<script src="@{'/public/javascripts/jquery.jqGrid.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/grid.locale-es.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/reporte8Grid.js'}" type="text/javascript" charset="${_response_encoding}"></script>
  
<div class="codigo-reporte">RPT008</div>
<center><strong>COMPARATIVO DE CANTIDAD DE SOLICITUDES RECIBIDAS SEGÚN SERVICIO Y UBICACIÓN</strong></center>
<br>
<form class="form-inline" action="/Reporte_8/download_report">
<center>
	<label class="gral-label">Año:</label>
	<select class="input_num_proyect" id="selecanio" name="anio">
		<option value="0">Seleccionar</option>
		<option value="2008">2008</option>
		<option value="2009">2009</option>
		<option value="2010">2010</option>
		<option value="2011">2011</option>
		<option value="2012">2012</option>
		<option value="2013">2013</option>
	</select>
</center>

<center>
	<div class="next-to-div">
		<label class="gral-label">Servicio:</label> 
		<select id="servicio" name="servicio">
			<option value="0">Seleccionar</option>
			<option value="Construccion">Construccin</option>
			<option value="Casas de campo">Casa de Campo</option>
			<option value="Casas de playa">Casa de Playa</option>
			<option value="Infraestructura Agricola">Infraestructura Agricola</option>
			<option value="Tapiales prefabricados">Tapiales Prefabricadoss</option>
			<option value="Vivienda minima">Vivienda Minima</option>
		</select>
	</div>

	<div class="next-to-div">
		<label class="gral-label">Departamento:</label> 
		<select id="depto" name="depto">
			<option value="0">Seleccionar</option>
			<option value="Ahuachapan">Ahuachapán</option>
			<option value="Cabanias">Cabañas</option>
			<option value="Chalatenango">Chalatenango</option>
			<option value="Cuscatlan">Cuscatlán</option>
			<option value="Morazan">Morazán</option>
			<option value="La Libertad">La Libertad</option>
			<option value="La Paz">La Paz</option>
			<option value="La Union">La Unión</option>
			<option value="San Miguel">San Miguel</option>
			<option value="San Salvador">San Salvador</option>
			<option value="San Vicente">San Vicente</option>
			<option value="Santa Ana">Santa Ana</option>
			<option value="Sonsonate">Sonsonate</option>
			<option value="Usulutan">Usulután</option>
		</select>
	</div>
</center>
<center>
	<div>
		<button class="btn btn-primary" id="generar" onClick="return generarReporte()">Generar Reporte</button>
		<button class="btn btn-primary" id="restore" onClick="return restablecer()">Restablecer</button>
	</div>
</center>
<br>
<div class="form-inline next-to-div">
	<label >Mes:</label>
	<select class="input_num_proyect" id="selecmes2" name="mes2">
		<option value="0">Seleccionar</option>
		<option value="01">Enero</option>
		<option value="02">Febrero</option>
		<option value="03">Marzo</option>
		<option value="04">Abril</option>
		<option value="05">Mayo</option>
		<option value="06">Junio</option>
		<option value="07">Julio</option>
		<option value="08">Agosto</option>
		<option value="09">Septiembre</option>
		<option value="10">Octubre</option>
		<option value="11">Noviembre</option>
		<option value="12">Diciembre</option>
	</select><br><br>
	<!-- Grid -->
	<table id="Grid2"></table>
	<div id="Pager2"></div>
</div>

<div class="form-inline next-to-div">
	<label>Mes:</label>
	<select class="input_num_proyect" id="selecmes1" name="mes1">
		<option value="0">Seleccionar</option>
		<option value="01">Enero</option>
		<option value="02">Febrero</option>
		<option value="03">Marzo</option>
		<option value="04">Abril</option>
		<option value="05">Mayo</option>
		<option value="06">Junio</option>
		<option value="07">Julio</option>
		<option value="08">Agosto</option>
		<option value="09">Septiembre</option>
		<option value="10">Octubre</option>
		<option value="11">Noviembre</option>
		<option value="12">Diciembre</option>
	</select><br><br>
	<!-- Grid -->
	<table id="Grid1"></table>
	<div id="Pager1"></div>
</div>

<center>
	<br>
	<button type="submit" name="formato" value="html" class="btn btn-primary">
	<i class="icon-white icon-print" ></i>Imprimir	</button>
	<button class="btn btn-primary" name="formato" type="submit" value="pdf" >
	<i class="icon-white icon-file"></i>Exportar PDF </button>
	<button class="btn btn-primary" name="formato" type="submit" value="xls" >
	<i class="icon-white icon-file"></i>Exportar Excel   </button>
	<button class="btn btn-primary" name="formato" type="submit" value="rtf" >
	<i class="icon-white icon-file"></i>Exportar RTF</button>
</center>
</form>



<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4 id="myModalLabel">Establecer Periodo</h4>
  </div>
  <div class="modal-body">
        <center>
		<div class="form-inline">
			<label>Año:</label>
				<select class="input_num_proyect" id="selecanio_modal">
					<option value="0">Seleccionar</option>
					<option value="2008">2008</option>
					<option value="2009">2009</option>
					<option value="2010">2010</option>
					<option value="2011">2011</option>
					<option value="2012">2012</option>
					<option value="2013">2013</option>
				</select><br><br>
			<label>Mes:</label>
			<select class="input_num_proyect" id="selecmes1_modal">
				<option value="0">Seleccionar</option>
				<option value="01">Enero</option>
				<option value="02">Febrero</option>
				<option value="03">Marzo</option>
				<option value="04">Abril</option>
				<option value="05">Mayo</option>
				<option value="06">Junio</option>
				<option value="07">Julio</option>
				<option value="08">Agosto</option>
				<option value="09">Septiembre</option>
				<option value="10">Octubre</option>
				<option value="11">Noviembre</option>
				<option value="12">Diciembre</option>
			</select><br><br>
			<label>Mes:</label>
			<select class="input_num_proyect" id="selecmes2_modal">
				<option value="0">Seleccionar</option>
				<option value="01">Enero</option>
				<option value="02">Febrero</option>
				<option value="03">Marzo</option>
				<option value="04">Abril</option>
				<option value="05">Mayo</option>
				<option value="06">Junio</option>
				<option value="07">Julio</option>
				<option value="08">Agosto</option>
				<option value="09">Septiembre</option>
				<option value="10">Octubre</option>
				<option value="11">Noviembre</option>
				<option value="12">Diciembre</option>
			</select><br><br>
			<label class="gral-label">Servicio:</label> 
			<select id="servicio-modal">
				<option value="0">Seleccionar</option>
				<option value="Construccion">Construccion</option>
				<option value="Casas de campo">Casa de Campo</option>
				<option value="Casas de playa">Casa de Playa</option>
				<option value="Infraestructura Agricola">Infraestructura Agricola</option>
				<option value="Tapiales prefabricados">Tapiales Prefabricadoss</option>
				<option value="Vivienda minima">Vivienda Minima</option>
			</select><br><br>
			<label class="gral-label">Departamento:</label> 
			<select id="depto-modal">
				<option value="0">Seleccionar</option>
				<option value="Ahuachapan">Ahuachapán</option>
				<option value="Cabanias">Cabañas</option>
				<option value="Chalatenango">Chalatenango</option>
				<option value="Cuscatlan">Cuscatlán</option>
				<option value="Morazan">Morazán</option>
				<option value="La Libertad">La Libertad</option>
				<option value="La Paz">La Paz</option>
				<option value="La Union">La Unión</option>
				<option value="San Miguel">San Miguel</option>
				<option value="San Salvador">San Salvador</option>
				<option value="San Vicente">San Vicente</option>
				<option value="Santa Ana">Santa Ana</option>
				<option value="Sonsonate">Sonsonate</option>
				<option value="Usulutan">Usulután</option>
			</select>
		</div>
	</center><br>
		<!-- Alerta -->
	<div id="alerta" class="alert alert-block alert-error fade in mensaje-error" style="display:none;">
		<button type="button" class="close" data-dismiss="alert">×</button>
		<h5 class="alert-heading texto-error">Campos requeridos vacios!</h5>
	</div>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true" onclick="comeindex()">Cerrar</button>
    <button class="btn btn-primary" id="establecer">Establecer</button>

  </div>
</div>